.aui-page__form-step {
  .step-statusbar {
    margin: 16px 0;
    .el-step__icon {
      width: 32px;
      height: 32px;
    }
    .el-step__line {
      top: 15px;
    }
  }
  .step-form {
    margin: 40px auto 0;
    max-width: 500px;
    &__alert {
      margin-bottom: 22px;
    }
    &__money {
      font-size: 20px;
      line-height: 20px;
      color: $--color-text-regular;
    }
    &__uppercase {
      font-size: 12px;
    }
    .el-form-item__content {
      color: $--color-text-secondary
    }
  }
  .step-divider {
    width: 100%;
    height: 1px;
    margin: 24px 0;
    background: $--border-color-lighter;
  }
  .step-result {
    width: 72%;
    max-width: 600px;
    padding-bottom: 22px;
    margin: 0 auto;
    text-align: center;
    &__icon {
      margin: 0 0 24px;
      font-size: 72px;
      line-height: 72px;
      color: $--color-success;
    }
    &__title {
      margin: 0 0 16px;
      font-size: 24px;
      color: $--color-text-primary;
    }
    &__description {
      margin: 0 0 24px;
      font-size: 14px;
      color: $--color-text-placeholder;
    }
    &__extra {
      padding: 24px 40px;
      text-align: left;
      color: $--color-text-secondary;
      background-color: $--background-color-base;
      > .el-row + .el-row {
        margin-top: 24px;
      }
      &-label {
        text-align: right;
        color: $--color-text-regular;
      }
    }
    &__actions {
      margin-top: 32px;
    }
  }
  .step-desc {
    padding: 0 60px;
    color: $--color-text-secondary;
  }
}